<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>input样式调整</title>
		<style type="text/css">
		
		</style>
	</head>
	<body>
		<input type="range" id="range" value="0"  step="16.6" onchange="changeV()">
  <div class="box"></div>
  <script>
    const range = document.getElementById('range');
    function changeV() {
      const boxL = parseInt(range.value);
      console.log(boxL);
      const box = document.getElementsByClassName('box')[0];
      box.style.width = boxL + 'px';
      box.style.height = boxL + 'px';
  }
</script>

	</body>
</html>